
<style>
  /*字体*/
  @font-face {
    font-family: "iconfont";
    src: url('../../css/iconFont/iconfont.eot'); /* IE9*/
    src: url('../../css/iconFont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../css/iconFont/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../../css/iconFont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../../css/iconFont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  }

  .iconfont {
    font-family:"iconfont" !important;
    font-size:14px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
  .marginRight{
    float:left;
  }
</style>
<!--记账-->
<div class="L_caseBarAccount" style="position: relative;top: 0px;">
  <div class="L_caseBarAccountCon">
    <!--记账-->
    <div class="L_caseBarAccLeft" style="position: relative;">
      <div class="L_accCon">
        <div class="L_accLeft" ng-show="typeIf!=7">
          <a href="JavaScript:void(0);" style="color: #00bfb5;cursor: pointer;text-decoration: none;border: none" data-toggle="modal" data-target="#addAccountIncomeMyModal" ng-click="caseBarAccount.accountIncome(1)">
            <!--<img src="../../img/accountExpend.png" alt="" style="width: 15px">-->
            <i class="icon iconfont">&#xe65c;</i>
            <span>记账收入</span>
          </a>
          <a href="JavaScript:void(0);" style="color: #00bfb5;cursor: pointer;text-decoration: none;border: none" data-toggle="modal" data-target="#addAccountIncomeMyModal"  ng-click="caseBarAccount.accountIncome(2)">
            <!--<img src="../../img/accountIncome.png" alt="" style="width: 15px">-->
            <i class="icon iconfont">&#xe666;</i>
            <span>记账支出</span>
          </a>
        </div>
        <div class="L_accRight">
          <a href="JavaScript:void(0);" style="text-decoration: none">
            <span>总收入</span>
            <span style="color:#00bfb5;font-size: 18px "> + {{caseBarAccount.Earning | number:2}}</span>
          </a>
          <a href="JavaScript:void(0);" style="text-decoration: none">
            <span>总支出</span>
            <span style="color: #e8a84c;font-size: 18px"> - {{caseBarAccount.Expend | number:2}}</span>
          </a>
          <a href="JavaScript:void(0);" style="text-decoration: none;">
            <span>结余</span>
            <span style="color: #999999;font-size: 18px">{{(caseBarAccount.Earning-caseBarAccount.Expend) |number:2}}</span><!--{{caseBarAccount.filterBackParams}}-->
          </a>
        </div>
      </div>
      <div class="L_caseBarAccList">
        <table>
          <thead>
            <tr>
              <td>类型</td>
              <td>内容</td>
              <td>创建者</td>
              <td>金额</td>
              <td>时间</td>
              <td>操作</td>
            </tr>
          </thead>
          <tbody><!--ng-repeat="account in caseBarAccount.accountList"-->
            <tr ng-repeat="account in caseBarAccount.filterBackParams"><!-- ng-model="{{caseBarAccount.accountList.createddate |  date:'yyyy-MM-dd'}}"-->
              <td>
                <i class="icon iconfont L_accountExIcon L_AccountIncIconHs icon-L_Earning_{{account.caseaccountid}}" ng-show="account.moneyflow==1" style="font-size: 30px;color: #00bfb5" ng-class="{'L_accountExIcons':caseBarAccount.showIcon == account.caseaccountid}"></i>
                <i class="icon iconfont L_accountExIcon L_AccountIncIconHs icon-L_Earning_{{account.caseaccountid}}" ng-show="account.moneyflow==2" style="font-size: 30px;color: #e8a84c" ng-class="{'L_accountExIcons':caseBarAccount.showIcon == account.caseaccountid}"></i>
                <span>{{caseBarAccount.caseAccountName(account.caseaccountid)}}</span>
              </td>
              <td>{{account.content}}</td>
              <td>
                <img style="width:30px;border-radius: 50%" ng-src="{{account.creatorInfo.iconUrl}}" alt="">
                <!--<span class="L_caseBarListTX">Wu</span>-->
                <span>{{account.creatorInfo.username}}</span>
              </td>
              <td class="L_accountMoney" ng-show="account.moneyflow==1" style="color: #00bfb5">+{{account.amount|currency:'&yen'}}</td>
              <td class="L_accountMoney" ng-show="account.moneyflow==2" style="color: #e8a84c">-{{account.amount|currency:'&yen'}}</td>
              <td>{{account.accountdate | date:'yyyy-MM-dd'}}</td>
              <td>
                <i class="icon iconfont icon-gongneng pull-right dropdown-toggle" id="unfold" data-toggle="dropdown"  aria-haspopup="true" ng-if="typeIf!=7"></i>
                <!--<i class="L_accountIcon L_accDel"></i>-->
                <!--<i class="L_accountIcon L_accEdit"></i>-->
                <!--<img src="../../img/L_accDelH.png" alt="" class="L_accDel" data-toggle="modal" data-target="#accountDeleteMyModal" ng-click="caseBarAccount.caseBarSureDel(account)" style="cursor: pointer">-->
                <!--<img src="../../img/L_accEditH.png" alt="" class="L_accEdit" style="cursor: pointer" data-toggle="modal" data-target="#editAccountIncomMyModal" ng-click="caseBarAccount.accountEdit($index)">&lt;!&ndash;caseBarAccount.accountExpend()&ndash;&gt;-->
                <div class="editStage" role="menu" aria-labelledby="dropdownMenu1">
                  <div class="editStageTitle tc">操作菜单 <span class="pull-right">
                    <i class="icon iconfont icon-quxiao"></i></span>
                  </div>
                  <p class="stageRename" data-toggle="modal" data-target="#editAccountIncomMyModal"  ng-click="caseBarAccount.accountEdit($index,account.caseaccountid)">
                    <span><i class="icon iconfont icon-bianji1"></i></span >编辑</p>
                  <p ng-click="caseBarAccount.caseBarSureDel(account)" data-toggle="modal" data-target="#accountDeleteMyModal" >
                    <span><i class="icon iconfont icon-shanchu" style="font-size: 16px"></i></span>删除</p>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <!--下边有分页记得添加-->
      <div class="pagingBox"  ng-show="caseBarAccount.pageSetting3.totalItems > 10" style="display: block;position: absolute;bottom: -35px;margin-left: 40%">
        <div class="ssqPagingSimple">
          <ul uib-pagination total-items="caseBarAccount.pageSetting3.totalItems" ng-model="caseBarAccount.pageSetting3.pageNo" items-per-page="caseBarAccount.pageSetting3.pageSize" class="pagination-sm" boundary-link-numbers="true" ng-change="caseBarAccount.accountListSearch()" max-size="8" previous-text="上一页" next-text="下一页" ></ul>
        </div>
      </div>

    </div>
    <!--筛选-->
    <div class="L_caseBarAccRight" style="position: relative;top: 10px;right: 10px">
      <div class="L_caseBarAccFilter">
        <p>筛选</p>
        <p class="L_clearFilter" style="cursor: pointer" ng-show="caseBarAccount.clearCon.showText" ng-click="caseBarAccount.clearFilter()">清除筛选</p>
        <input maxlength="50" type="text" placeholder="查找相关账目" ng-model="caseBarAccount.accountFilterParams.name" ng-keyup="caseBarAccount.clearCon.showText = true">
      </div>
      <div class="L_caseBarAccTime">
        <input maxlength="20" placeholder="开始时间" id="btn-end-time" type="text" readonly="" startDate="{{caseBarAccount.accountFilterParams.startDate}}"  class="form_datetime ss ss1" style="cursor: pointer" ng-model="caseBarAccount.accountFilterParams.startDate" />&nbsp;&nbsp;&nbsp;<span style="color: #a6a6a6;font-size: 16px">至</span> &nbsp;&nbsp;&nbsp;<input maxlength="20" placeholder="结束时间" id="btn-end-time" type="text" readonly="" endDate="{{caseBarAccount.accountFilterParams.endDate}}" class="form_datetime ss ss1" style="cursor: pointer" ng-model="caseBarAccount.accountFilterParams.endDate" />
      </div><!--ng-click="caseBarAccount.accountListSearch()"-->
      <div class="L_caseBarAccType">
        <p style="color: #333333;padding-left: 20px;margin-top: 20px">类型</p>
        <p class="accountType" ng-class={accountTypeAc:caseBarAccount.accountFilterParams.flow==1} ng-click="caseBarAccount.accountFilterParams.flow=1;caseBarAccount.clearCon.showText=true" >收入</p>
        <p class="accountType" ng-class={accountTypeAc:caseBarAccount.accountFilterParams.flow==2} ng-click="caseBarAccount.accountFilterParams.flow=2;caseBarAccount.clearCon.showText=true" >支出</p>
      </div>
      <div class="L_caseBarAccCreator">
        <p style="color: #333">创建者</p>
        <p class="L_creator">
          <!--<img src="../../img/L_momentTX.png" alt="" style="width: 30px;height: 30px">-->
          <!--<span>{{caseBarAccount.userPortraitName | limitTo:-2}}</span>-->
          <img ng-src="{{caseBarAccount.userPortraitSave}}" alt="" style="width: 30px;border-radius: 50%;">
          <span>{{caseBarAccount.userPortraitName}}</span>
        </p>
        <!--<ul>-->
          <!--<li ng-repeat="searchList in caseBarAccount.filterBackParams" style="cursor: pointer;" ng-click="caseBarAccount.accountListSearch()">&lt;!&ndash;ng-repeat="searchList in filterBackParams"&ndash;&gt;-->
            <!--<p>-->
              <!--&lt;!&ndash;<img src="../../img/L_momentTX.png" alt="">&ndash;&gt;-->
              <!--&lt;!&ndash;<span>{{searchList.creatorInfo.icon}}</span>&ndash;&gt;-->
              <!--<img ng-src="{{searchList.creatorInfo.iconUrl}}" alt="" style="width: 30px;height: 30px;border-radius: 50%;margin-right: 5px;">-->
              <!--<span>{{searchList.creatorInfo.username}}</span>-->
            <!--</p>-->
          <!--</li>-->
        <!--</ul>-->
      </div>
    </div>
  </div>
</div>

<!--添加-->
<!--记账收入-->
<div class="modal fade" id="addAccountIncomeMyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="L_accountIncome" ng-show="caseBarAccount.AccIncome.showPopup">
        <!--<div class="L_caseReason"></div>-->
        <div class="L_caseBarExpend">
          <form novalidate name="addCount" w5c-form-validate  class="w5c-form form-horizontal"  role="form">
            <div class="L_caseBarExpendTit">
              <p>记账</p>
              <p class="L_caseCloseBtn" style="cursor: pointer" data-dismiss="modal" ng-click="caseBarAccount.closeBtn()">
                <img src="../../img/L_accountClose.png" alt="">
              </p>
            </div>
            <div class="L_caseBarExpendBtn">
              <ul id="showADD">
              <li style="cursor: pointer" class="L_accountExIcon" ng-repeat="(k,v) in caseBarAccount.typeList.earningType" ng-click="caseBarAccount.showIcon = k" ng-class="{'L_accountExIcons':caseBarAccount.showIcon == k}">
                <!--<input type="text" name="showIcon"  ng-model="caseBarAccount.showIcon" class="form_datetime ss ss1 accountDate" required/>-->

                <p>
                  <i class="icon iconfont icon-L_Earning_{{k}}" style="font-size: 40px" ng-class="{'L_accountExIcons':caseBarAccount.showIcon == k}"></i>
                </p>
                <p>{{v}}</p><!-- ng-style="{'color':caseBarAccount.showIcon == k ? caseBarAccount.showIcon.showColors:caseBarAccount.showIcon.hideColors}"-->
              </li>
            </ul>
              <ul id="showRe" class="showReLi">
                <li  style="cursor: pointer" class="L_AccountIncIconH" ng-repeat="(k,v) in caseBarAccount.typeList.expenseType" ng-click="caseBarAccount.showIcon = k" ng-class="{'L_AccountIncIconHs':caseBarAccount.showIcon == k}">
                  <p>
                    <i class="icon iconfont  icon-L_Earning_{{k}}" style="font-size: 40px" ng-class="{'L_AccountIncIconHs':caseBarAccount.showIcon == k}"></i>
                  </p>
                  <p>{{v}}</p><!--ng-style="{'color':caseBarAccount.showIcon == k ? caseBarAccount.showIcon.showColors:caseBarAccount.showIcon.hideColors}"-->
                </li>
              </ul>
            </div>
            <div class="L_ExpendCon">
              <input maxlength="50" type="text" name="content" placeholder="内容" ng-model="caseBarAccount.accountAddParams.content" ng-focus="caseBarAccount.accountFocusIf()" ng-blur="caseBarAccount.accountBlurIf($event)" ng-maxlength="50" required>
            </div>
            <div class="L_moneyMon">
              <input maxlength="10" type="number" name="amount" placeholder="金额" ng-focus="caseBarAccount.accountFocusI()" ng-blur="caseBarAccount.accountBlurI($event)" onkeyup="value=value.replace(/[^\d]/g,'') "
                     onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                     ID="Text2" NAME="Text2" ng-model="caseBarAccount.accountAddParams.amount" required w5c-dynamic-element>
              <input type="text" readonly="" name="accountDate" class="form_datetime ss ss1 accountDate"  ng-model="caseBarAccount.accountAddParams.accountDate"   style="cursor: pointer;background: #ffffff;border: 1px solid #d2d2d2;text-align: center" required w5c-dynamic-element>
              <!--<input id="btn-end-time" type="button" readonly="" class="form_datetime ss ss1" ng-model="caseBarAccount.accountAddParams.accountDate" placeholder="今天" style="cursor: pointer;background: #ffffff;border: 1px solid #d2d2d2">-->
            </div>
            <div class="L_casebarRemark">
              <textarea maxlength="200" rows="6"  placeholder="添加备注" ng-model="caseBarAccount.accountAddParams.remark"></textarea>
            </div>
            <div class="addCreate">
              <h2>创建者</h2>
              <p class="L_addPer" style="cursor: pointer">
                <img ng-src="{{caseBarAccount.userPortraitSave}}" alt="" style="width: 30px;border-radius: 50%;">
              </p>
            </div>
            <div class="L_setUp"   w5c-form-submit="caseBarAccount.accountAdd()">
              <a href="JavaScript:void(0);" ng-click="caseBarAccount.accountSubmitIf()">创建</a>
            </div>
          </form>
        </div>
      </div>
  </div>
</div>

<!--编辑-->
<div class="modal fade" id="editAccountIncomMyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <!--记账收入-->
    <div class="L_accountIncome" ng-show="caseBarAccount.AccIncome.showEditIncome">
      <div class="L_caseBarExpend">
        <form novalidate name="editCount" w5c-form-validate  class="w5c-form form-horizontal"  role="form">
          <div class="L_caseBarExpendTit">
            <p>记账收入</p>
            <p class="L_caseCloseBtn" style="cursor: pointer" ng-click="caseBarAccount.closeBtn()">
              <img src="../../img/L_accountClose.png" alt="">
            </p>
          </div>
          <div class="L_caseBarExpendBtn">
            <ul>
              <li style="cursor: pointer" ng-repeat="(k,v) in caseBarAccount.typeList.earningType" ng-click="caseBarAccount.showIcon = k" ng-class="{'L_accountExIcons':caseBarAccount.showIcon == k}">
                <p>
                  <!--<i class="icon iconfont icon-L_Earning_{{k}} icon-L_Earning_{{account.caseaccountid}}" style="font-size: 40px" ng-class="{'L_accountExIcons':k == caseBarAccount.account.caseaccountid}"></i>-->

                  <i class="icon iconfont icon-L_Earning_{{k}} icon-L_Earning_{{account.caseaccountid}}" style="font-size: 40px" ></i>
                </p>
                <p ng-style="{'color':caseBarAccount.showIcon == k ? caseBarAccount.showIcon.showColors:caseBarAccount.showIcon.hideColors}">{{v}}</p>
              </li>
            </ul>
          </div>
          <div class="L_ExpendCon">
            <input maxlength="50" type="text" placeholder="内容" name="content" ng-model="caseBarAccount.account.content" ng-maxlength="50" required>
          </div>
          <div class="L_moneyMon">
            <input maxlength="10" type="number" placeholder="金额" onkeyup="value=value.replace(/[^\d]/g,'') "
                   onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                   ID="Text2" NAME="Text2" ng-model="caseBarAccount.account.amount" name="amount" required>
            <input id="btn-end-time" type="text" readonly="" name="accountdate" placeholder="{{caseBarAccount.account.accountdate }}"  class="form_datetime ss ss1 accountDate" ng-model="caseBarAccount.account.accountdate" style="cursor: pointer;background: #ffffff;border: 1px solid #d2d2d2" required>
          </div>
          <div class="L_casebarRemark">
            <textarea maxlength="200" type="text" placeholder="添加备注" ng-model="caseBarAccount.account.remark"></textarea>
          </div>
          <div class="addCreate">
            <h2>创建者</h2>
            <p>
              <!--<img src="../../img/L_momentTX.png" alt="" style="width: 30px;height: 30px">-->
              <!--<span>{{caseBarAccount.userPortraitName | limitTo:-2}}</span>-->
              <img ng-src="{{caseBarAccount.userPortraitSave}}" alt="" style="width: 30px;border-radius: 50%;">
            </p>
            <!--<ul>-->
              <!--<li ng-repeat="searchList in caseBarAccount.filterBackParams">-->
                <!--<p class="L_addPer" style="cursor: pointer">-->
                  <!--&lt;!&ndash;<img src="{{searchList.creatorInfo.iconUrl}}" alt="">&ndash;&gt;-->
                  <!--<span>{{searchList.creatorInfo.username  | limitTo:-2}}</span>-->
                  <!--<img src="../../img/L_momentTX.png" alt="" style="width: 30px;height: 30px">-->
                <!--</p>-->
              <!--</li>-->
            <!--</ul>-->

          <!--<p style="cursor: pointer">
            <img src="../../img/addCreate.png" alt="">
          </p>-->
        </div>
          <div class="L_setUp" w5c-form-submit="caseBarAccount.accountSave()">
          <a href="JavaScript:void(0);" >保存</a>
        </div>
        </form>
      </div>
    </div>
    <!--记账支出-->
    <div class="L_accountIncome" ng-show="caseBarAccount.AccExpend.showEditExpend">
      <div class="L_caseBarExpend">
        <div class="L_caseBarExpendTit">
          <p>记账支出</p>
          <p class="L_caseCloseBtn" style="cursor: pointer" data-toggle="modal"  ng-click="caseBarAccount.closeBtn()">
            <img src="../../img/L_accountClose.png" alt="">
          </p>
        </div>
        <div class="L_caseBarIncomeBtn">
          <ul>
            <li  style="cursor: pointer" ng-repeat="(k,v) in caseBarAccount.typeList.expenseType" ng-click="caseBarAccount.account.caseaccountid = k">
              <p>
                <i class="icon iconfont icon-L_Earning_{{k}}" style="font-size: 40px" ng-class="{'L_AccountIncIconHs':caseBarAccount.showIcon == k}"></i>
                <!--<i class="L_AccountIncIconH L_Earning_{{k}}" ng-class="{'L_AccountIncIconHs':caseBarAccount.account.caseaccountid == k}"></i>-->
              </p>
              <p ng-style="{'color':caseBarAccount.showIcon == k ? caseBarAccount.showIcon.showColors:caseBarAccount.showIcon.hideColors}">{{v}}</p>
            </li>
          </ul>
        </div>
        <div class="L_ExpendCon">
          <input maxlength="50" type="text" placeholder="内容" ng-model="caseBarAccount.account.content"/>
        </div>
        <div class="L_moneyMon">
          <input maxlength="10" type="text" placeholder="金额" onkeyup="value=value.replace(/[^\d]/g,'') "
                 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                 ID="Text2" NAME="Text2" ng-model="caseBarAccount.account.amount">
          <input id="btn-end-time" type="text" readonly="" placeholder="{{caseBarAccount.account.accountdate }}"  class="form_datetime ss ss1 accountDate" ng-model="caseBarAccount.account.accountdate" style="cursor: pointer;background: #ffffff;border: 1px solid #d2d2d2">
        </div>
        <div class="L_casebarRemark">
          <textarea maxlength="200" type="text" placeholder="添加备注" ng-model="caseBarAccount.account.remark"></textarea>
        </div>
        <div class="addCreate">
          <h2>创建者</h2>
          <p>
            <!--<img src="../../img/L_momentTX.png" alt="" style="width: 30px;height: 30px">-->
            <!--<span>{{caseBarAccount.userPortraitName | limitTo:-2}}</span>-->
            <img ng-src="{{caseBarAccount.userPortraitSave}}" alt="" style="width: 30px;border-radius: 50%;">
          </p>

          <!--<ul>-->
          <!--<li ng-repeat="searchList in caseBarAccount.filterBackParams">-->
          <!--<p class="L_addPer" style="cursor: pointer">-->
          <!--<img src="{{searchList.creatorInfo.iconUrl}}" alt="">-->
          <!--<span>{{searchList.creatorInfo.username}}</span>-->
          <!--</p>-->
          <!--</li>-->
          <!--</ul>-->
          <!--<p style="cursor: pointer">
            <img src="../../img/addCreate.png" alt="">
          </p>-->
        </div>
        <div class="L_setUp" data-toggle="modal" data-target="#editAccountIncomMyModal" ng-click="caseBarAccount.accountSave()" >
          <a href="JavaScript:void(0);" >保存</a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--删除-->
<div class="modal fade" id="accountDeleteMyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="L_accountDel" ><!--ng-show="caseBarAccount.showDel.delText"-->
      <div class="L_accountDelCon">
        <div class="L_accountTit">
          <p>删除</p>
          <p class="L_accConClose" style="cursor: pointer"  ng-click="caseBarAccount.closeBtn()"><!--data-toggle="modal" data-target="#accountDeleteMyModal"-->
            <img src="../../img/closeWindow.png" alt="">
          </p>
        </div>
        <div class="L_accountCen">
          <p>你确定要删除该记录？</p>
        </div>
        <div class="L_accountDown">
          <a href="JavaScript:void(0);" class="L_accDownOk" data-toggle="modal" data-target="#accountDeleteMyModal" ng-click="caseBarAccount.accountDelete()">确定</a><!---->
          <a href="JavaScript:void(0);" class="L_accDownCancel" data-toggle="modal" data-target="#accountDeleteMyModal" ng-click="caseBarAccount.closeBtn()">取消</a>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  /*设置屏幕高度*/
  (function () {
    setHeight();
    function setHeight() {
      var height = $(window).height()+50 + 'px';
      var maxHeight = $(window).height()+40 + 'px';
      $(".L_caseBarAccount").css("height",height);
      $(".L_caseBarAccountCon").css("height",maxHeight);
    };
    $(window).resize(function() {
      setHeight();
    });
  }())
</script>
